<!-- 规则信息表单 -->
<template>
  <div class="wrapper">
    <img class="img" :src="completePng" alt="">
    <span class="text">提交成功</span>
    <el-button class="btn" type="primary" @click="complete">完成并返回</el-button>
  </div>
</template>

<script name="completeForm">
import completePng from '@/assets/images/complete.png'
import { useRouter } from 'vue-router'

export default {
  setup() {
    const router = useRouter()
    const complete = () => {
      console.log('完成')
      router.push({ name: 'businessRule' })
    }
    return {
      completePng,
      complete
    }
  }
}
</script>
<style scoped lang="scss">
.wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 82px;
  .img {
    width: 106px;
  }
  .text {
    margin-bottom: 32px;
    font-size: 20px;
    font-weight: 500;
    color: #333;
  }
  .btn {
    width: 140px;
  }
}
</style>

